<template>
  <div class="reportModel">
    <div class="_title">
      <div class="left">不良行为</div>
    </div>
    <div class="content" v-if="info.status == '1'">
      <div id="xm">
        <el-tag class="item" :type="'AJNR'.includes(info.level)? 'danger' : 'success'" effect="dark">前科
        </el-tag>
        <el-tag class="item" :type="info.level == 'B' ? 'danger' : 'success'" effect="dark">涉毒</el-tag>
        <el-tag class="item" :type="info.level == 'C' ? 'danger' : 'success'" effect="dark">吸毒</el-tag>
        <el-tag class="item" :type="info.level == 'F' ? 'danger' : 'success'" effect="dark">其它</el-tag>
        <el-tag class="item" :type="info.level == 'J' ? 'danger' : 'success'" effect="dark">经济类前科</el-tag>
        <el-tag class="item" :type="info.level == 'N' ? 'danger' : 'success'" effect="dark">侵犯公民人身，民主权利</el-tag>
        <el-tag class="item" :type="info.level == 'R' ? 'danger' : 'success'" effect="dark">扰乱公共秩序罪</el-tag>
      </div>

      <div style="display: flex;justify-content: end;align-items: center;margin-top: 10px">
        <el-tag type="success" effect="dark" ></el-tag>无
        <el-tag type="danger" effect="dark" style="margin-left: 10px"></el-tag>命中
      </div>

    </div>
    <p class="failMsg" v-else>{{ info.msg }}</p>
    <div class="explain">
      <div class="explainTitle">说明</div>
      <div class="explainDesc">
        1.查询类型：参考自身风险筛查。<br/>
      </div>
    </div>
    <div class="proposal">
      <div class="proposalTitle">建议</div>
      <div class="proposalDesc">请保持良好的借贷习惯,切勿频繁申请,拒绝不明平台的审核邀请。</div>
    </div>
  </div>
</template>
<script>

  export default {
    name: 'Misconduct',
    props: {
      info: {
        required: true,
        type: Object
      }
    }
  }
</script>

<style scoped lang="scss">
  .content {
    margin: 0 15px 15px;

    #xm {
      display: flex;
      justify-content: space-around;

      .item {
        margin: 6px ;
        flex-grow: 1;
        text-align: center;
      }
    }
  }
</style>
